<template>
  <div class="index">
      <router-view></router-view>
      <tab-bar :tabbarArray=tabbarArray></tab-bar>
  </div>
</template>

<script>
import TabBar from '../components/TabBar.vue'
export default {
  components: { TabBar },
   data() {
       return {
           tabbarArray:[{
              icon:'icon-shouye',
              name:'首页',
              path:'/home',
          },{
              icon:'icon-fenlei',
              name:'分类',
              path:'/menu',
          },{
              icon:'icon-faxian',
              name:'发现',
              path:'/find',
          },{
              icon:'icon-gouwuche',
              name:'购物车',
              path:'/shoppingcart',
          },{
              icon:'icon-xiazai4',
              name:'我的',
              path:'/me',
          }]
       }
   },
}

</script>
<style lang="scss" scoped>
.index{
    width: 100%;
    height: calc(100% - $tabbar-height);
    overflow: auto;
}
</style>